import React from "react";
import { Button, Divider, Table, Space } from "antd";

function Member() {
  const data = [
    {
      key: "1",
      name: "胡彦斌",
      phone: 12346578910,
      branch: "西湖区湖底公园1号",
      role: "普通成员",
    },
    {
      key: "2",
      name: "胡彦祖",
      phone: 12346578911,
      branch: "西湖区湖底公园1号",
      role: "管理员",
    },
  ];

  const columns = [
    { title: "序号", dataIndex: "key", key: "key", align: "center" },
    { title: "成员名称", dataIndex: "name", key: "name", align: "center" },
    { title: "手机号", dataIndex: "phone", key: "phone", align: "center" },
    { title: "部门", dataIndex: "branch", key: "branch", align: "center" },
    { title: "角色", dataIndex: "role", key: "role", align: "center" },
    {
      title: "操作",
      dataIndex: "action",
      key: "action",
      align: "center",
      render: (text, record) => (
        <Space size="middle">
          <Button type="primary" danger>
            删除
          </Button>
          <Button type="primary">转让</Button>
        </Space>
      ),
    },
  ];
  return (
    <>
      <Button type="primary">新增</Button>
      <Divider />
      <Table dataSource={data} columns={columns} bordered />;
    </>
  );
}

export default Member;
